<template>
  <div class="panel_title">
    <div class="clr"></div>
    <p class="title">{{title}}</p>
  </div>
</template>
<script>
export default {
  name: 'panelTitle',
  props: {
    title: String
  }
}
</script>
<style lang="stylus" scoped>
.panel_title
  flexAlign(flex-start, flex-start)
  padding 15px 15px 15px 0
  .clr
    position relative
    top 5px
    margin-right 11px
    width 4px
    height 14px
    background-color $color-main
  .title
    flex 1
    width 0
    color rgba(23, 23, 23, 1)
    text-align justify
    font-weight 600
    font-size 16px
    line-height 1.5
</style>
